@import "./../main.scss";
#header{
    

#detailHeader{
    @include rect(100%,100%);
    background: #FAFBFC;
    position: relative;
    b{
        float:left;
        font-size: 26px;
        margin:5px 10px 0;
    }
    a{
        float:right;
        margin:5px 10px 0;
           i{
            float:left;
            color:#333;
            font-size: 26px;
        }
       } 
    #title2{
        position: absolute;
        top:10px;
        left:155px;
        font-size: 20px;
    }
}
}

#content{
    #detail1{
        .dHeader{
            @include rect(100%,1.96rem);
            position: relative;
            img{
                width:100%;
                height:166px;
            }
            b{
                width:100%;
                height:29px;
                text-indent: 5px;
                color:#fff;
                line-height: 29px;
                font-weight: 100;
                font-size: 14px;
                background: #595971;
                position: absolute;
                bottom: 0;
            }
        }
        .nav1{
            @include rect(100%,0.41rem);
            border-bottom: 1px solid #ccc;
            div{
                float:left;
                width:125px;
                height:40px;
                border-right: 1px solid #ccc;
                box-sizing: border-box;
                text-align: center;
                line-height:20px;
                font-size:16px;
                padding-top: 10px;
                i{
                    margin-right: 5px;
                }
            }
            div:nth-of-type(3){
                i{
                    color:#f66;
                }
            }
        }
        #list{
            width:100%;
            height:1000px;
            overflow: hidden;
            ul{
                float:left;
            li:nth-of-type(odd){
                border-bottom:1px solid #ccc;
                border-right:1px solid #ccc;
            }
            li:nth-of-type(even){
                border-bottom:1px solid #ccc;
            }
            li{
                padding: 10px;
                width: 187.5px;
                height:278px;
                float:left;
                box-sizing: border-box;
                img{
                    width:155px;
                    height:186px;
                }
                .tit{
                    width:100%;
                    height:40px;
                    white-space: nowrap;
                    text-overflow:ellipsis;
                    overflow: hidden;
                    b{
                        font-size:16px;
                        color:#333;
                    }
                    span{
                        color:#333;
                        font-size:14px;
                    }
                }
                .pri{
                    width:100%;
                    height:40px;
                    strong{
                        float:left;
                        margin:5px;
                        font-size:18px;
                        color:#333;
                    }
                    u{
                        float:left;
                        margin:5px;
                        font-size:16px;
                        text-decoration: line-through;
                        color:#333;
                    }
                    i{
                        float:right;
                        margin-right: 10px;
                        color:#f66;
                        font-size:22px;
                    }
                }
            }
        }
        }
        #box{
            width:90%;
            height:100%;
            position: fixed;
            right: 0;
            top: 0;
            background: #fff;
            display: none;
            p{
                width:100%;
                height:60px;
                border-bottom: 5px solid #ccc;
                span{
                    float:left;
                    margin:10px;
                }
                i{
                    float:left;
                    margin-left:30%;
                    margin-top:5%;
                    font-size: 18px;
                }
            }
            ul{
                margin-top:20px;
                width: 100%;
                height:400px;
                border-bottom: 5px solid #ccc;
                li{
                    float:left;
                    @include rect(0.88rem,0.27rem);
                    white-space: nowrap;
                    text-overflow:ellipsis;
                    overflow: hidden;
                    margin:10px;
                    text-align: center;
                    line-height: 27px;
                    border: 1px solid #ccc;
                    border-radius: 5px;
                }
            }
            button{
                width:80%;
                height:50px;
                margin:10% 10%;
                background: #f66;
                border:0;
                color:#fff;
                font-size: 20px;
                border-radius: 10px;
            }
        }
    }
}

